<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UpLoad</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>

<body>
<!-----------------------HEADER------------------------------------------------->
<div id="top">
<div id="account-bar">
	<div class="setting space">
    	<a class="bgspace" href="#">
	    	<img src="images/setting.png" />
        </a>
    </div>
    <div class="icon space">
    	<a class="bgspace" href="#">
        	<img src="images/icon.png"/>
        </a>
    </div>
    <a href="#" class="userName">Hoang Yen</a>
</div>

<div class="clear"></div>

	<div class="banner">
    	<div class="logo">
        	<img src="images/logo1.png" />
        </div>
        <div class="top-tab">
        	<div class="top-tab-active">
                <div class="top-tab-txt">
                    <a href="MyPhotos.html"> My Photos</a>
                </div>
            </div>
        </div>
        <div class="top-tab">
        	<div class="top-tab-inactive">
                <div class="top-tab-txt">
                    <a href="Explore.html"> Explore</a>
                </div>
            </div>
        </div>
        
		<div class="upload">
        	<a href="UpLoad.html">Upload</a>
        </div>
        
        <div class="search">
        	<div class="search-form">
            	<form id="search-form" method="get" action="/lh/view" name="search-form">
					<input id="search" type="text" value="" maxlength="128" size="25" name="q">
	                <input class="search-button" type="submit" value="Search">
                </form>
            </div>
        </div>
        
    </div>
</div>
<!-----------------------BODY------------------------------------------------->
<div class="txt_header"> Upload Photos</div>
<div id="frame">
	<div class="info-album">
    	<span class="text">Album name:</span>
        <div class="form_albumName">
        	<input class="albumName" type="text" maxlength="150">
        </div>
        <span class="text">or</span>
		<div class="text select" role="button"> add to an existing album</div>
    </div>
    
    <div class="main_frame">
    	<h1> Drag photos here</h1>
        <h3> or If you prefer...</h3>
        <div id="select-files-button">
			<div class="button select_photo" role="button">
            	Select photos from your computer
            </div>
		</div>
    </div>
    
    <div class="button cancel" role="button">Cancel</div>
    <div class="button ok" role="button">Ok</div>
</div>
</body>
</html>
